<template>
<el-row :gutter="5">
  <el-col :span="8"><div class="grid-content ep-bg-purple" /> <router-link to="/tuijie"><el-link type="tuijie" style="font-size: 25px; color:gold;">推荐</el-link></router-link></el-col>
  <el-col :span="8"><div class="grid-content ep-bg-purple" /> <router-link to="/guanzhu"><el-link type="guanzhu">关注</el-link></router-link></el-col>
  <el-col :span="8"><div class="grid-content ep-bg-purple" /> <router-link to="/changsha"><el-link type="changsha">长沙</el-link></router-link></el-col>
  </el-row>
  <hr>
  <!-- 卡片 -->
  <el-container>
      <Mycard title1="汽车" title2="二手车低价售卖,2015年买的，买了新车现在不想要了" img="/images/che.jpg"content1="￥:20万"content2="kfznhcjk:"style="background-color: #fff"/>
      <Mycard title1="篮球" title2="新买的篮球，没有打几下，准备掉了" img="/images/qiu.jpg"content1="￥:15"content2="fhaksjdola:"style="background-color: #fff"/>
      <Mycard title1="化妆品" title2="蜜丝婷的气垫，低价出掉，没有用几次" img="/images/ye.jpg"content1="￥:30"content2="wiqjdweqio:"style="background-color: #fff"/>
      <Mycard title1="衣服" title2="某某某牌子的衣服，没有穿几次，低价出售" img="/images/yifu.jpg"content1="￥:190"content2="poasdh:"style="background-color: #fff"/>
    </el-container>
    <el-container class="yuan">
      <Mycard title1="啾咪" title2="阿斯蒂芬还能加快速度试试佛山东水电费" img="/images/zyb.jpg"content1="￥:90"content2="jkfadshf:"style="background-color: #fff"/>
      <Mycard title1="咕噜" title2="手机电话费杰卡斯发收款就发货阿道夫" img="/images/zyb1.jpg"content1="￥:600"content2="hajkshf:"style="background-color: #fff"/>
      <Mycard title1="利好" title2="大很费劲卡萨丁阿加莎大咖说卡死建档立卡" img="/images/zyb2.jpg"content1="￥:5000"content2="ydsfbsk:"style="background-color: #fff"/>
      <Mycard title1="千纸鹤" title2="啊水电费卡健身房阿是接化发数据库" img="/images/qian.jpg"content1="￥:1128"content2="yiyangqianxi:"style="background-color: #fff"/>
    </el-container>
    <el-container class="jiu">
      <Mycard title1="赵小童" title2="销售计划大家阿是卡仕达酱克拉斯大姐夫发快递" img="/images/zyb3.jpg"content1="￥:60"content2="gsfgccjk:"style="background-color: #fff"/>
      <Mycard title1="何浩楠" title2="几十块东方闪电时间到了看风使舵第三方记录打卡" img="/images/zyb4.jpg"content1="￥:888"content2="kafdssfnas:"style="background-color: #fff"/>
      <Mycard title1="蒋敦豪" title2="大吉哦单位啊发烧了阿莎富婆金佛鄂破额卡佛配额" img="/images/zyb5.jpg"content1="￥:500"content2="dijwifeee:"style="background-color: #fff"/>
      <Mycard title1="千纸鹤" title2="阿九觉得我阿九搜怕翻看贷方金额符号哦费基尔" img="/images/zyb6.jpg"content1="￥:1020"content2="yiyangqianxi:"style="background-color: #fff"/>
    </el-container>
</template>
<script setup>
import Mycard from '../../components/Mycard.vue'
</script>
<style scoped>
.el-carousel__item h3 {
  /* opacity: 0.75; */
  line-height: 20px;
  /* margin-bottom: 0; */
  text-align: center;
}
.el-row {
  margin-bottom: 20px;
  margin-top: 10px;

}
.el-row:last-child {
  margin-bottom: 0;
}
.el-col {
  border-radius: 50px;
}

.grid-content {
  border-radius: 10px;
}
.el-link{
  font-size: 20px;
  text-align: center;
}
.kuang{
background-color: rgb(0, 0, 0);
height: 60px;
}

.el-input{
  border:1px solid #c0bdb7 ;
  width: 450px;
  text-align: center;
  top: 25%;
  left:60px ;
}

/*  */
.el-container{
  margin-top: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
 }
.card :deep(.el-card__body){
  display: flex;
 flex-direction: column;
 height: 120px;
 width: 50px;
 justify-content: center;
 align-items: center;
 }
 .yuan{
  margin-top: 50px;
 }
 .deng{
  padding-left: 900px;
  margin-top:-15px
 }
 .tui{
  padding-left: 950px;
  margin-top:-24px;
 }
 .jiu{
  margin-top: 50px;
 }
</style>